#max{
  width:1519px;
  height:auto;
  background-color: pink;
}
ul,ol{
  list-style: none;
}
#img{
  width:1519px;
  height:800px;
}
#img img{
  width:1519px;
  height:800px;
}
#Hot-Commodity{
  width:100%;
  height:140px;
  background-color: #FBF9F9;
  position: relative;
}
#Hot-Commodity>p{
  line-height: 140px;
  text-align: center;
  font-size: 25px;
}
#Hot-Commodity span{
  color:#868686;
}
#Hot-Commodity img{
  width:300px;
  height:60px;
  position: absolute;
  top:80px;
  left:605px;
}
#Rotation{
  width:1519px;
  height:400px;
  overflow: hidden;
  background-color: red;
  position: relative;
}
#Rotation .a-item{
  width:60px;
  height:60px;
  border-radius: 100%;
  background-color: #868686;
  opacity: 0.7;
  z-index: 2;
  position: absolute;
  top:180px;
  left:30px;
}
#Rotation .a-item1{
  width:60px;
  height:60px;
  border-radius: 100%;
  background-color: #868686;
  opacity: 0.7;
  z-index: 2;
  position: absolute;
  right:30px;
  top:180px;
}
#Rotation .zuo img{
  width:40px;
  height:40px;
  transform: rotateY(180deg);
  margin-top:10px;
  margin-left:10px;
}
#Rotation .you img{
  width:40px;
  height:40px;
  margin-top:10px;
  margin-left:10px;
}
#Rotation ul{
  position: absolute;
  top:0;
  left:0;
  width:8000px;
}
#Rotation li{
  float: left;
}
#Rotation img{
  width:506px;
  height:400px;
}
#Rotation .crent{
  position: absolute;
  left:40%;
  right:0;
  bottom: 30px;
  margin:auto;
}
#Rotation .crent li{
  float: left;
  width:15px;
  height:15px;
  background-color: white;
  border-radius: 100%;
  margin-left:15px;
  border:1px solid greenyellow;
  z-index: 5;
} 
#Rotation .crent .cent{
  background-color: yellow;
}